<?php 
  require 'main.php';
  include("header.php");
?>
<!-- page content-->
<link href="css/bod-styles.css" rel="stylesheet" type="text/css" />
<link href="css/fonts.css" rel="stylesheet" type="text/css" />
<link href="css/form-style.css" rel="stylesheet" type="text/css" />
<link href="css/cent-styles.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="js/tabs.js"></script>

	<div id="wrap">
		<div id="glosario">
			<h2 class="tit">HIERBAS / ESPECIAS</h2> 
<?php 
require BASE_PATH . DS . 'templates' . DS .'buscador.tpl.php';?>
			<h6 class="descr">Puede recorrer por las iniciales, por el listado de las hierbas y especias que est&aacute;n debajo de este panel o bien hacer su 
			b&uacute;squeda a trav&eacute;s del buscador.</h6>

			<nav id="abc">
				<ul>
					<li><a href='?word=a'>A</a></li>
					<li><a href='?word=b'>B</a></li>
					<li><a href='?word=c'>C</a></li>
					<li><a href='?word=e'>E</a></li>
					<li><a href='?word=f'>F</a></li>

					<li><a href='?word=g'>G</a></li>
					<li><a href='?word=j'>J</a></li>
					<li><a href='?word=l'>L</a></li>
					<li><a href='?word=m'>M</a></li>
					<li><a href='?word=n'>N</a></li>
					<li><a href='?word=o'>O</a></li>

					<li><a href='?word=p'>P</a></li>
					<li><a href='?word=r'>R</a></li>
					<li><a href='?word=s'>S</a></li>
					<li><a href='?word=t'>T</a></li>
					<li><a href='?word=v'>V</a></li>
				</ul>

			</nav>
		</div><!--end glosario-->
		
		<div id="container">
			<nav id="veg">
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
	jQuery('.jcarousel-skin-tango').jcarousel({visible:5,scroll:5});
});
</script>

				<div class="jcarousel-skin-tango">
					<div class="jcarousel-container">
						<div class="jcarousel-clip">
						<ul class="jcarousel-list">
<?php
		//recogemos la variable en caso de no existir la cargamos por defecto
		$word = isset($_GET['word'])?$_GET['word'] : 'a';
		
		
		$condimentos = db_query::newInstance()->select('condimentos',array('*'),
										"WHERE nombre LIKE ':s%' LIMIT 1",array($word));
		if($condimentos->numRows() > 0)
		{
			$condimentos->fetchAssoc($row);
			$word = $row['nombre'];
		}
		//en caso de habilitar la CH , LL
		//$letra = isset($word[1]) && in_array($word[1],array('h','l'))? $word[0].$word[1]: $word[0];
		$letra = $word[0];
		$letra = db_query::newInstance()->select('condimentos',array('nombre'),
										"WHERE nombre LIKE ':s%' ORDER BY nombre",array($letra));
		while($letra->fetchAssoc($l)):
		$nombre_condimento = isset($nombre_condimento)? $nombre_condimento : $l['nombre'];
?>
							<li><a href="?word=<?=$l['nombre']?>"><?=$l['nombre']?></a></li>
<?php
		endwhile;
?>								
						</ul>

						</div><!--end carousel-clip-->
						<div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled">&lt;</div>
						<div class="jcarousel-next">&gt;</div>
					</div><!--end carousel-container-->
				</div><!--end carousel-skin-tango-->
			</nav><!--end nav-veg-->
			
			<section id="content">
<?php  

		if(empty($row))
		{
			//cargamos el condimentos por defecto
			$condimentos = db_query::newInstance()->select('condimentos',array('*'),
										"WHERE nombre=':s'",array($nombre_condimento));
			//obtenemos los datos en el array $row
			$condimentos->fetchAssoc($row);
		}
		//usamos el otro metodo de ECHO
		
echo <<<HTML
<table width=900 border=0>
	<tr>
	    <td width=500 valign=top>
			<table width=480 valign=top border=0>
				<tr>
					<td valign=top>
						<h3>{$row['nombre']}</h3>
					</td>
					<td>
						<h6 class="tmb">{$row['tmb']}</h6>
					</td>
				</tr>
				<tr>
					<td colspan=2>
						<img src="image/condim/{$row['fot']}.jpg" alt="{$row['fot']}"/>
					</td>
				</tr>
				<tr>
					<td width=250 align=center>
						<h5>Vitaminas:</h5>
						<p class="mineral">{$row['vitaminas']}</p>
					</td>
					<td align=center valign=top>
						<h5>Minerales:</h5>
						<p class="mineral">{$row['minerales']}</p>
					</td>
				</tr>
		   </table>
	    </td>
	    <td width=400 valign=top>
			<ul class="tabs">
				<li><a href="#tab1">Beneficios</a></li>
				<li><a href="#tab2">Contras</a></li>
			</ul>
			<div class="tab_container">
				<div id="tab1" class="tab_content">
					<p>{$row['prop']}<br /><a href="{$row['linkA']}" class="proContra" rel="nofollow">M&aacute;s informaci&oacute;n... </a></p>
				</div>
				<div id="tab2" class="tab_content">
					<p>{$row['riesgos']}<br /><a href="{$row['linkB']}" class="proContra" rel="nofollow">M&aacute;s informaci&oacute;n...</a></p>
				</div>
			</div>
		</td>
	</tr>
</table>
HTML;

?>
			</section><!-- end section content-->
			<div id="ref">
				<p class="nota"><span style="color:#b41;">Nota: </span>He decidido unir las hierbas con las especias para hacer notoria la diferencia existente entre las hierbas medicinales de las que, (aunque tambi&eacute;n tienen
				propiedades curativas) se usan en la cocina. La mayor&iacute;a de las hierbas se las consigue secas y envasadas en el mercado, aunque yo las prefiero frescas de ser posible. <br />
				Tambi&eacute;n en este apartado podr&aacute;n encontrar  v&iacute;nculos hacia las fuentes que fueron consultadas donde dice &quot;M&aacute;s informaci&oacute;n&quot;, tanto en la pesta&ntilde;a de beneficios como en recaudos.
				</p>
			</div><!--end ref-->
		</div><!-- end container-->	
	</div><!--end wrap-->
	
<?php 
	include ("footer.html"); 
?>